<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="Keywords" content="盖网,网上购物,网上商城,积分兑换,积分消费,手机,笔记本,电脑,数码,服装,手表,化妆品,保健品,盖象商城" />
		<meta name="Description" content="盖网,盖象商城-中国最大的网上购物及积分兑换消费商城，便捷，诚信的服务,为您提供愉悦的网上商城购物体验!" />
		<title>盖象商城-我的盖象-我的评价</title>
		<link href="../styles/global.css" rel="stylesheet" type="text/css" />
		<link href="../styles/module.css" rel="stylesheet" type="text/css" />
		<link href="../styles/mygx.css" rel="stylesheet" type="text/css" />
	</head>

	<body>
		<!-- 头部start -->
		<div class="gx-top-title clearfix" id="gx-top-title">
			<div class="gx-top-title-main clearfix">
				<a href="首页.html" title="盖象商城" class="gx-top-home index-icon">盖象首页</a>
				<div class="gx-top-welcome">Hi，欢迎来到盖象商城&nbsp;&nbsp;
					<a href="登录.html" title="登录">登录</a>&nbsp;
					<a href="注册.html" title="注册">注册</a>
				</div>
				<div class="gx-top-nav">
					<a href="我的盖象_购物车.html" title="购物车" class="gx-top-shopping index-icon">购物车<span class="gx-top-shopping-num">12</span></a>
					<div class="gx-top-mygx index-icon">
						我的盖象<span class="index-icon"></span>
						<div class="gx-top-ycItem clearfix">
							<a href="商品订单.html" title="我的订单">我的订单<br/></a>
							<a href="我的盖象_我的资产_我的钱包.html" title="我的钱包">我的钱包<br/></a>
						</div>
					</div>
					<div class="gx-top-mygx gx-top-mygx2 index-icon">
						收藏夹<span class="index-icon"></span>
						<div class="gx-top-ycItem clearfix">
							<a href="商品收藏.html" title="收藏的商品">收藏的商品<br/></a>
							<a href="店铺收藏.html" title="收藏的店铺">收藏的店铺<br/></a>
						</div>
					</div>
					<div class="gx-top-mygx index-icon">
						商家支持<span class="index-icon"></span>
						<div class="gx-top-ycItem clearfix">
							<a href="#" title="商家入驻">商家入驻<br/></a>
							<a href="#" title="合作加盟">合作加盟<br/></a>
							<a href="#" title="盖网终端机">盖网终端机<br/></a>
						</div>
					</div>
					<div class="gx-top-mygx gx-top-app index-icon">
						手机APP<span class="index-icon"></span>
						<div class="gx-top-ycItem clearfix">
							<ul>
								<li>
									<p><img width="90" height="90" src="../images/bgs/gx-rightEWM.jpg" /></p>
									<p>盖象优选APP</p>
								</li>
								<li>
									<p><img width="90" height="90" src="../images/bgs/gx-rightGZH.jpg" /></p>
									<p>微信公众号</p>
								</li>
							</ul>
						</div>
					</div>
					<div class="gx-top-mygx index-icon">
						简体中文<span class="index-icon"></span>
						<div class="gx-top-ycItem clearfix">
							<a href="#" title="">简体中文</a>
							<a href="#" title="">繁體中文</a>
							<a href="#" title="">English</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 头部end -->
		<!-- 导航start -->
		<div class="mygx-top-nav">
			<div class="top-nav-cont clearfix">
				<div class="nav-cont-logo"></div>
				<div class="nav-cont-option clearfix">
					<a href="我的盖象.html" title="首页"><span class="option-text">首页</span></a>
					<a href="#" title="账户设置" class="option-accountsettings">
  				<span  class="option-text option-text-setup">账户设置</span>
  				<span class="member-icon option-ioc"></span>			
  			</a>
					<a href="我的盖象_消息.html" title="消息"><span class="option-text">消息</span></a>
					<div class="option-accountsettings-cont">
						<div class="option-accountsettings-cont-buttom">
							<div class="cont-up"></div>
							<a href="我的盖象_我的设置_个人信息.html" title="个人消息">个人消息</a>
							<a href="#" title="收货地址">收货地址</a>
							<a href="修改邮箱-修改邮箱.html" title="修改邮箱">修改邮箱</a>
							<a href="修改绑定手机-验证身份.html" title="绑定手机">绑定手机</a>
							<a href="修改密码-修改新密码.html" title="修改登录密码">修改登录密码</a>
							<a href="设置密码(支付)修改.html" title="修改支付密码">修改支付密码</a>
						</div>
					</div>
				</div>
				<div class="mygx-nav-search">
					<input type="text" placeholder="请输入要搜索的商品" />
					<a href="#" title="搜索">搜索</a>
				</div>
			</div>
		</div>
		<!-- 导航end -->

		<!--主体start-->
		<div class="member-main">
		<div class="member-contain clearfix">
			<div class="member-sidebar">
				<div class="decoration"></div>
				<ul class="sidebar-main">
					<li class="mt13">
						<a href="我的盖象_购物车.html"><i class="listmark"></i><span>我的购物车</a>
					</li>
					<li>
						<i class="listmark"></i><span>我的订单</span>
						<div class="sublist" style="display: block">
							<a href="商品订单.html" title="商品订单" class="reds">商品订单</a>
							<a href="我的盖象-商品评价.html" title="商品评价">商品评价</a>
							<a href="酒店订单.html" title="酒店订单">酒店订单</a>
							<a href="#" title="我的竞拍">我的竞拍</a>
						</div>
					</li>
					<li>
						<i class="listmark"></i><span>我的资产</span>
						<div class="sublist" style="display: block">
							<a href="我的盖象_我的资产_我的钱包.html" title="我的钱包">我的钱包</a>
							<a href="我的盖象_我的资产_优惠券(未使用).html" title="优惠券">优惠券</a>
							<a href="我的盖象_我的资产_积分充值.html" title="积分充值">积分充值</a>
							<a href="我的盖象_我的资产_消费明细.html" title="消费明细">消费明细</a>
						</div>
					</li>
					<li>
						<i class="listmark"></i><span>我的收藏</span>
						<div class="sublist" style="display: block">
							<a href="商品收藏.html" title="商品收藏">商品收藏</a>
							<a href="店铺收藏.html" title="店铺收藏">店铺收藏</a>
							<a href="浏览历史.html" title="浏览历史">浏览历史</a>
						</div>
					</li>
					<li>
						<i class="listmark"></i><span>售后服务</span>
						<div class="sublist" style="display: block">
							<a href="#" title="退货">退货</a>
						</div>
					</li>
					<li>
						<i class="listmark"></i><span>特色业务</span>
						<div class="sublist" style="display: block">
							<a href="我的盖象_特色业务_推荐链接.html" title="推荐链接">推荐链接</a>
							<a href="我的盖象_特色业务_我推荐的会员.html" title="我推荐的会员">我推荐的会员</a>
							<a href="我的盖象_特色业务_推荐会员消费详情.html" title="我推荐的会员">推荐会员消费详情</a>
						</div>
					</li>
					<li>
						<i class="listmark"></i><span>我的设置</span>
						<div class="sublist" style="display: block">
							<a href="我的盖象_我的设置_个人信息.html" title="个人信息">个人信息</a>
							<a href="我的盖象_我的设置_账户安全.html" title="账户安全">账户安全</a>
							<a href="我的盖象_我的设置_收货地址.html" title="收货地址">收货地址</a>
						</div>
					</li>
					<li>
						<i class="listmark"></i><span>我的企业</span>
						<div class="sublist" style="display: block">
							<a href="我的盖象_我的企业_提现列表.html" title="提现列表">提现列表</a>
							<a href="我的盖象_我的企业_账户明细.html" title="线下交易明细">账户明细</a>
							<a href="我的盖象_我的企业_提现列表_线下交易明细.html" title="线下交易明细">线下交易明细</a>
							<a href="" title="卖家平台">卖家平台</a>
						</div>
					</li>
				</ul>
			</div>
			<div class="personal-information-main">
				<div class="personal-information-title clearfix">
					<p class="title-bgcolor" data-type = "esin">基本信息</p>
					<p data-type = "hportrait">头像照片</p>
				</div>
				<div class="personal-information-esin">
				<div class="personal-information-header clearfix">
					<div class="information-header-left">
						<img title="头像" src="../images/bgs/hedader-tx.png"/>
						<p>更换头像</p>
						<input type="file" />
					</div>
					<div class="information-header-right">
						<div class="header-right-name clearfix">
							<p class="describe-left">用户名：</p>
							<p class="describe-right"style="display: none">Tom</p>
							<input class="describe-input" type="text">
							<p class="describe-tip">(最多<span id="describe-tip-span">40</span>字符，设置后不可更改)</p>
						</div>
						<div class="header-right-level clearfix">
							<p class="describe-left">会员级别：</p>
							<p class="describe-right member-level"><span></span>**会员</p>
						</div>
						<div class="header-right-gw clearfix">
							<p class="describe-left">盖网编号：</p>
							<p class="describe-right">GW87784177</p>
						</div>
					</div>
				</div>
				<div class="personal-information-content">
					<table>
						<tr>
							<td width="110" class="text-r"><span class="red">*</span>真实姓名：</td>
							<td width="475"><input type="text" placeholder="姓名"/><p class="name-prompt"><span></span>最多20个英文或10个汉字</p></td>
						</tr>
						<tr>
							<td class="text-r"><span class="red">*</span>性别：</td>
							<td><p class="information-content-sex clearfix"><span class="sex-ioc1 bgimg1"></span><span>男</span><span class="sex-ioc2 ml18 bgimg1"></span><span>女</span><span class="sex-ioc3 ml18 bgimg2"></span><span>保密</span></p></td>
						</tr>
						<tr>
							<td class="text-r"><span class="red">*</span>生日：</td>
							<td>
								<select>  
								  <option value ="2010">2010</option>  
								  <option value ="2011">2011</option>  
								  <option value="2012">2012</option>  
								  <option value="2013">2013</option>  
								</select>
								<select>  
								  <option value ="1">1</option>  
								  <option value ="2">2</option>  
								  <option value="3">3</option>  
								  <option value="4">4</option>  
								</select>
								<select>  
								  <option value ="1">1</option>  
								  <option value ="2">2</option>  
								  <option value="3">3</option>  
								  <option value="4">4</option>  
								</select>
								<!--星座默认constellation-default  选中时constellation-choice-->
								<p class="information-content-constellation">星座：<span class="constellation-default">白羊座</span></p>
							</td>
						</tr>
						<tr>
							<td class="text-r">绑定手机：</td>
							<td><p class="information-content-phone">1503154512<span class="mailbox-color">（已验证）</span><a href="#" title="修改">修改</a></p></td>
						</tr>
						<tr>
							<td class="text-r">电子邮箱：</td>
							<!--<td><p class="information-content-mailbox">150*****212@qq.com<span class="mailbox-color">（已验证）</span><a href="#" title="修改">修改</a></p></td>-->
						    <td><p class="information-content-mailbox"><span class="red">（未验证）</span><a href="#" title="马上设置">马上设置</a></p></td>
						</tr>
						<tr>
							<td class="text-r">所在地区：</td>
							<td>
                                <select class="information-content-province">
                                    <option value ="1">中国</option>
                                    <option value ="2">美国</option>
                                    <option value="3">韩国</option>
                                    <option value="4">英国</option>
                                </select>
								<select class="information-content-province">  
								  <option value ="1">请选择</option>  
								  <option value ="2">广西省</option>  
								  <option value="3">广州省</option>  
								  <option value="4">浙江省</option>  
								</select>
								<select>  
								  <option value ="1">南宁市</option>  
								  <option value ="2">广州市</option>  
								  <option value="3">深圳市</option>  
								  <option value="4">杭州市</option>  
								</select>
								<select>  
								  <option value ="1">白云区</option>  
								  <option value ="2">天河区</option>  
								  <option value="3">越秀区</option>  
								  <option value="4">海珠区</option>  
								</select>
							</td>
						</tr>
						<tr>
							<td class="text-r" valign="top">详细地址：</td>
							<td>
								<textarea maxlength="60" placeholder="请详细到街道名称、小区名称，以及门牌号码、楼层和房间号等信息"></textarea>
							</td>
						</tr>
					</table>
					<p class="personal-information-sava">保存</p>
				</div>
				</div>
				<div class="personal-information-hportrait">
					<div class="hportrait-left">
                        <p class="hportrait-upload"> 
                            <a href="javascript:void(0)"><i></i><label for="upload-file">请选择要上传的头像</label></a>
                          <input type="file" class="" name="upload-file" id="upload-file" />
                        </p>
						<p class="hportrait-upload-supportedformats">仅支持JPG、GIF、PNG、JPEG、BMP格式，文件小于4M</p>
						<div class="imageBox">
                            <div class="thumbBox"></div>
                            <div class="spinner" style="display: none"></div>
                        </div>
						<p class="hportrait-sava">保存</p>
					</div>
					<div class="hportrait-right">
                        <div class="cropped">
                            <p class="hportrait-browse mt8">效果浏览</p>
                            <p class="mt8">你上传的图片会自动生成2种尺寸，请注意小尺寸的头像是否清晰</p>
                            <div class="hportrait-img160x160">
                                <img title="头像" src="../images/temp/hportrait_img178x178.jpg"/>
                                <p class="mt8">160x160像素</p>
                            </div>
                            <div class="hportrait-img60x60">
                                <img title="头像" src="../images/temp/hportrait_img178x178.jpg"/>
                                <p class="mt8">60x60像素</p>
                            </div>
                        </div>
					</div>
                    
				</div>
			</div>
		</div>
		</div>
		<!-- 主体end -->
		<!--保存成功弹框start-->
		<div class="qx-order-wrap" style="display: none">
			<div class="qx-order" >
				<div class="qx-order-title">
					<p>提示</p>
					<span></span>
				</div>
				<p class="qx-order-cont">保存成功</p>
				<a class="qx-order-bt" href="javascript:void(0)">确定</a>
			</div>
		</div>
		<!--保存成功弹框end-->
		<!-- 底部start -->
		<div class="gx-bottom gx-evaluate">
			<div class="gx-bottom-link">
				<div class="gx-bottom-link-main">
					<div class="gx-bottom-link-item">
						<a href="#" title="关于盖网">关于盖网</a>|
						<a href="#" title="帮助中心">帮助中心</a>|
						<a href="#" title="网站地图">网站地图</a>|
						<a href="#" title="诚聘英才">诚聘英才</a>|
						<a href="#" title="联系客服">友情链接</a>|
						<a href="#" title="联系客服">联系客服</a>|
						<a href="#" title="免责声明">免责声明</a>|
						<a href="#" title="隐私保护">隐私保护</a>|
						<a href="#" title="家长监护">家长监护</a>|
						<a href="#" title="站长统计">站长统计</a>|
					</div>
					Copyright g-emall.com | 增值电信业务经营许可证：粤B2-20140364 | 粤ICP备14049968号-2 | 互联网药品信息服务资格证 | 网络文焕经营许可证 | 穗公网监备案证第440700500100
				</div>
			</div>
		</div>
		<!-- 底部end -->
		<script src="../js/jquery-1.9.1.js" type="text/javascript"></script>
		<script src="../js/jquery.gate.common.js" type="text/javascript"></script>
		<script src="../js/jquery.raty.js" type="text/javascript"></script>
        <script type="text/javascript" src="../js/cropbox.js"></script>
		<script>
			    //鼠标悬浮显示更换头像
			    $(".information-header-left").hover(function(){
			    	$(this).find("p").show();
			    },function(){
			    	$(this).find("p").hide();
			    })
			    //点击切换基本信息与头像
			    $(".personal-information-title p").click(function(){
			    	if($(this).hasClass("title-bgcolor")){}else{
			    		$(".personal-information-title p").removeClass("title-bgcolor");
			    		$(this).addClass("title-bgcolor");
			    		if($(this).attr("data-type") == "esin"){
			    			$(".personal-information-hportrait").hide();
			    			$(".personal-information-esin").show();
			    		}else if($(this).attr("data-type") == "hportrait"){
			    			$(".personal-information-esin").hide();
			    			$(".personal-information-hportrait").show();			    			
			    		}
			    	}
			    })
			    //选择性别男
			    $(".sex-ioc1,.sex-ioc2").click(function(){
			    	if($(this).hasClass("bgimg1")){
			    		$(this).siblings(".sex-ioc1,.sex-ioc2").removeClass("bgimg2");
			    		$(this).addClass("bgimg2");
			    	}
			    })
			    //选择是否保密
			    $(".sex-ioc3").click(function(){
			    	if($(this).hasClass("bgimg1")){
			    		$(this).removeClass("bgimg1");
			    		$(this).addClass("bgimg2");
			    	}else{
			    		$(this).removeClass("bgimg2");
			    		$(this).addClass("bgimg1");
			    	}
			    })
				//点击选择兴趣爱好
				$("p.text-option").click(function() {
						if ($(this).find("span").hasClass("option-showioc")) {
							$(this).find("span").removeClass("option-showioc");
						} else {
                            $(this).find("span").addClass("option-showioc");
						}
				})
		</script>
        <script type="text/javascript">
        $(window).load(function() {
            var options =
            {
                thumbBox: '.thumbBox',
                spinner: '.spinner',
                imgSrc: ''
            }
            var cropper = $('.imageBox').cropbox(options);
            var img="";
            $('#upload-file').on('change', function(){
                var reader = new FileReader();
                reader.onload = function(e) {
                    options.imgSrc = e.target.result;
                    cropper = $('.imageBox').cropbox(options);
                    getImg();
                }
                reader.readAsDataURL(this.files[0]);
                this.files = [];
                //getImg();
            })
            function getImg(){
                img = cropper.getDataURL();                 
                $('.cropped').html('');
                $('.cropped').append('<p class="hportrait-browse mt8">效果浏览</p>');
                $('.cropped').append('<p class="mt8">你上传的图片会自动生成2种尺寸，请注意小尺寸的头像是否清晰</p>');
                $('.cropped').append('<p class="hportrait-img160x160"><img src="'+img+'" align="absmiddle" style="width:160px;"><p class="mt8">160x160像素</p></p>');
                $('.cropped').append('<p class="hportrait-img160x160"><img src="'+img+'" align="absmiddle" style="width:60px;height:60px;"><p class="mt8">60x60像素</p></p>');
                }

            $(".imageBox").on("mouseup",function(){
                getImg();
                });


            $('#btnZoomIn').on('click', function(){
                cropper.zoomIn();
            })
            $('#btnZoomOut').on('click', function(){
                cropper.zoomOut();
            })
        });
		//        保存成功弹框 20160831 章烈鑫
		$(".personal-information-sava").click(function(){
			$(".qx-order-wrap").css("display","block");
		});
		$(".qx-order-title span").click(function(){
			$(".qx-order-wrap").css("display","none");
		})
		$(".qx-order-bt").click(function(){
			$(".qx-order-wrap").css("display","none");
		})
		//			20160926输入用户名的字数
		$(".describe-input").keydown(function() {
			console.log($(this).val().length)
			var curLength=$(this).val().length;
			if(curLength>40)
			{
				var num=$(this).val().substr(0,40);
				$(this).val(num);
			}else {
				$("#describe-tip-span").html(40 - $(this).val().length);
			}
		});


		</script>
	</body>

</html>